<template>
  <div class="useredit">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      编辑
    </div>
    <div class="useredit-list">
     <ul>
        <li style="position: relative;">
             <span class="list-left">用户头像</span>
             <span class="list-right">
                <img v-show="list.headUrl" :src="list.headUrl"/>
                <i class="iconfont head-icon">&#xe61a;</i>
             </span>
          <el-upload
            class="avatar-uploader"
            :action="imageHttp"
            name="imgFile"
            :show-file-list="false"
            :on-success="handleAvatarSuccessz"
            :before-upload="beforeAvatarUpload"
            :on-error="handleAvatarError"
            :on-progress="handleAvatarPorgress">
            <img v-if="list.headUrl" :src="list.headUrl" class="avatar" style="height: 40px">
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          </el-upload>
        </li>
        <!--<li>-->
             <!--<span class="list-left">姓名</span>-->
             <!--<span class="list-right">-->
              <!--用户名1-->
             <!--</span>-->
        <!--</li>-->
       <group title="">
         <x-input title="姓名" v-model="list.name" name="name" placeholder="请输入您的姓名"></x-input>
       </group>
        <!--<li>-->
             <!--<span class="list-left">身份证号</span>-->
             <!--<span class="list-right">-->
                <!--234232773874283847-->
             <!--</span>-->
        <!--</li>-->
       <group title="">
         <x-input title="身份证号" ref="sfz" :disabled="disabledss" v-model="list.idCard" name="idCard" placeholder="请输入您的身份证号码" :is-type="sfzyanzhen"></x-input>
       </group>
       <group title="">
         <x-input type="number" title="手机号"  v-model="list.telephone" name="telephone" placeholder=""></x-input>
       </group>
       <group title="">
         <x-input type="text" title="地址" v-model="list.address" name="address" placeholder=""></x-input>
       </group>
     </ul>
    </div>
    <div class="submitBtn" @click="submit">提交</div>
  </div>
</template>

<script src="./useredit.js"></script>
